<%@page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ page isELIgnored="false"%>
<%
	String path = request.getContextPath();
	System.out.print(path);
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	System.out.print(basePath);
%>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>TI - socket</title>
<link rel="stylesheet" href="css/zTreeStyleOld/metro.css">
<!-- <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css"> -->

<script src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.ztree.all-3.5.min.js"
	charset="UTF-8"></script>
<script type="text/javascript" src="js/spin.min.js" charset="UTF-8"></script>
<%-- <script type="text/javascript" src="../js/ztree-me.js" charset="UTF-8"></script> --%>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.ztree.exhide-3.5.min.js"></script>
<style type="text/css">
html {
	height: 100%;
	margin: 0;
}

body {
	height: 100%;
	margin: 0;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}
</style>
</head>
<body style="padding: 0px">
	<div style="float: left; width: 19%; height: 100%; overflow: auto;">
		<div style="height: 4px"></div>
		<div>
			<span style="margin-left: 8px"><em
				class="glyphicon glyphicon-th-large"></em> 用例管理</span>
		</div>
		<div>
			<ul id="zTree" class="ztree" style="width: 300px; overflow: auto;"></ul>
		</div>
		<h1></h1>
		<h2></h2>
		<h2></h2>
		<!-- <HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
				width="100%" color=#987cb9 SIZE=1> -->
	</div>
	<div
		style="float: left; width: 0.1%; height: 100%; background-color: #DCDCDC;"></div>
	<div
		style="float: left; width: 80.9%; height: 100%; padding: 0px; overflow: auto;"
		id="firstDiv">
		<s:form id="interfaceForm">
			<div class="row clearfix">
				<div class="col-md-12 column">
					<ul class="breadcrumb" id="pageNavigation"
						style="background-color: #F0F0F0; font-weight: bold;">
						<li><em class="glyphicon glyphicon-home"></em></li>
						<li class="active">此处展示用例目录和ID</li>
					</ul>
				</div>
			</div>

			<!-- URL地址输入 -->
			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="col-sm-10">
						<input class="form-control" id="inputURL" type="url" name=""
							placeholder="请输入需要访问的URL地址" />
					</div>
					<div class="col-sm-2">
						<input class="form-control" id="inputURL" type="url" name=""
							placeholder="请输入socket端口号" />
					</div>
				</div>
			</div>
			<!-- <div class="col-lg-6">
				<div class="input-group">
					<input type="text" class="form-control">
					<div class="input-group-btn">
						<button type="button"
							class="btn btn-default 
                     dropdown-toggle"
							data-toggle="dropdown">
							GET <span class="caret"></span>
						</button>
						<ul class="dropdown-menu pull-right">
							<li><a href="#">POST</a></li>
						</ul>
					</div>
				</div>
			</div> -->

			<HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#DCDCDC, strength=10)"
				width="100%" color=#DCDCDC SIZE=1>

			<!-- 前置折叠 -->
			<div class="panel-group" id="panelBefore">
				<div class="panel panel-default">
					<div class="panel-heading" style="background-color: #FCFCFC;">
						<a class="panel-title" data-toggle="collapse"
							data-parent="#panelBefore" href="#panelRunBefore">前置执行 <em
							class="glyphicon glyphicon-collapse-down"></em></a>
						<button class="glyphicon glyphicon-plus btn btn-primary"
							id="runBeforeAdd" style="margin-left: 80%" type="button">
							</botton>
					</div>
					<div id="panelRunBefore" class="panel-collapse in">
						<div class="container" id="runBeforeAll">
							<%-- <div class="input-append">
									<div class="col-sm-5">
										<select class="form-control" id="beforeClass"
											name="runBefore">
										</select>
									</div>
									<div class="col-sm-3">
										<select class="form-control" id="beforeMethod"
											name="runBefore">
										</select>
									</div>
									<div class="col-sm-3">
										<input class="form-control" id="beforeArgs"
											name="runBefore" placeholder="根据方法输入参数，以逗号隔开" />
									</div>
									<div>
										<a class="glyphicon glyphicon-remove" href="javascript:void(0)" id="runBeforeDel"
											style="line-height: 35px"></a>
									</div>
								</div> --%>
						</div>
					</div>
				</div>
			</div>

			<HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#DCDCDC, strength=10)"
				width="100%" color=#DCDCDC SIZE=1>

			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="col-sm-6">
						<h5>
							<em class="glyphicon glyphicon-subtitles"></em> 发送报文
						</h5>
						<textarea class="form-control" rows="15" id="responseSteps"
							spellcheck="false"></textarea>
					</div>
					<div class="col-sm-6">
						<h5>
							<em class="glyphicon glyphicon-subtitles"></em> 返回报文
						</h5>
						<textarea class="form-control" rows="15" id="responseSteps"
							spellcheck="false"></textarea>
					</div>
				</div>
			</div>
			<HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
				width="100%" color=#987cb9 SIZE=1>

			<!-- 后置折叠 -->
			<div class="panel-group" id="panelAfter">
				<div class="panel panel-default">
					<div class="panel-heading" style="background-color: #FCFCFC;">
						<a class="panel-title" data-toggle="collapse"
							data-parent="#panelAfter" href="#panelRunAfter">后置执行 <em
							class="glyphicon glyphicon-collapse-down"></em></a>
						<button class="glyphicon glyphicon-plus btn btn-primary"
							id="runAfterAdd" style="margin-left: 80%" type="button">
							</botton>
					</div>
					<div id="panelRunAfter" class="panel-collapse in">
						<div class="container" id="runAfterAll">
							<%-- <div class="input-append">
									<div class="col-sm-5">
										<select class="form-control" id="AfterClass"
											name="runAfter">
										</select>
									</div>
									<div class="col-sm-3">
										<select class="form-control" id="AfterMethod"
											name="runAfter">
										</select>
									</div>
									<div class="col-sm-3">
										<input class="form-control" id="AfterArgs"
											name="runAfter" placeholder="根据方法输入参数，以逗号隔开" />
									</div>
									<div>
										<a class="glyphicon glyphicon-remove" href="javascript:void(0)" id="runAfterDel"
											style="line-height: 35px"></a>
									</div>
								</div> --%>
						</div>
					</div>
				</div>
			</div>

			<HR
				style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#DCDCDC, strength=10)"
				width="100%" color=#DCDCDC SIZE=1>


			<div class="row clearfix">
				<div class="col-md-12 column">
					<div class="col-md-12 column">
						<div class="input-append">
							<div class="col-sm-1">
								<button class="btn btn-success" type="button" id="isave">
									<em class="glyphicon glyphicon-floppy-save"></em> 保存
								</button>
							</div>
							<div class="col-sm-1">
								<button class="btn btn-warning" type="button" id="isend">
									<em class="glyphicon glyphicon-play"></em> 运行
								</button>
							</div>
							<div class="col-sm-1">
								<button class="btn btn-danger" type="reset" id="ireset">
									<em class="glyphicon glyphicon-repeat"></em> 重置
								</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</s:form>
		<HR
			style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9, strength=10)"
			width="100%" color=#987cb9 SIZE=1>

		<!-- 运行结果面板 -->
		<div class="row clearfix">
			<div class="col-md-12 column">
				<div class="col-sm-12">
					<h5>
						<em class="glyphicon glyphicon-subtitles"></em> 运行步骤
					</h5>
					<textarea class="form-control" rows="10" id="responseSteps"
						spellcheck="false"></textarea>
				</div>
			</div>
		</div>
	</div>
	<div class="row clearfix">
		<div class="col-md-12 column">
			<h1></h1>
			<h2></h2>
			<h2></h2>
		</div>
	</div>
	</div>
</body>
</html>